<template>
  <div class="app"> 
     <header>
    <router-view name="header"/>
     </header>
     <main>
    <router-view/>

     </main>
     <footer>
    <router-view name="footer"/>

     </footer>
      
  </div>
</template>

<script setup lang="ts">

</script> 

<style lang="less" scoped>
 .app{
  display:flex ;
  flex-direction: column;
  height: 100%;


  main{
    flex: 1;
    overflow-x: hidden;
  }
 }
</style>
   